﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/PhotoAlbum.Master" Inherits="System.Web.Mvc.ViewPage<WebHoiChoMuaBan.Models.Photo>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="TitleHolder" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadHolder" runat="server">
    <script src="/../Scripts/jquery.cycle.all.js" type="text/javascript"></script>
    <link href="/../Content/css/cycle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $('#s2').cycle({
            fx: 'fade',
            speed: 'fast',
            timeout: 0,
            next: '#next2',
            prev: '#prev2'
        });
    </script>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentHolder" runat="server">
<div class="private_rightbottom_contentleft">
    <div class="private_share_post">                            
        <div class="private_share_post_top">
            <div class="private_sharepost_menu">
                <ul>
                    <li><a href="#" class="menu_select">Photo</a></li>
                </ul>
            </div>
            <div class="private_write_right private_margin_topright">
                <div class="private_button_upload">
                    <a href="photo_dangtai_private.html">
                        <img src="/../Content/Images/icon_plus_up.gif">
                        Đăng tải photo</a>
                </div>
            </div>
        </div>
        <div class="private_content_onecol private_margin_reset">
            <div class="private_rightbottom_contentleft">
                <div class="private_comment_top">
                    <div class="private_post_img">
                        <p class="private_text_title"><%= Model == null ? "" : Model.PhotoTitle %></p><br />
                        <%--<img src="/../Content/Images/<%= Model == null ? "" : Model.PhotoFileName %> alt="" />--%>
                        <% Response.Write("<img src='/../Content/Images/Upload/" + Model.PhotoFileName + "' alt='' />");%>
                        <br />
                    </div>
                </div>
                <hr class="private_color_hr" />
                <div class="private_comment_top">
                    <div class="private_coment_group">
                        <div class="private_coment_text">
                            Bình luận</div>
                        <div class="private_content_comment">
                            <div class="private_menu_topmenu">
                                <textarea name="textarea" id="textarea" cols="45" rows="5" class="input_full"></textarea>
                            </div>
                            <div class="private_post_text">
                                <div class="private_button_left">
                                    <span class="private_font_bold">Chọn icon: </span>
                                    <img src="/../Content/Images/icon_yahoo_smile.gif" align="middle" />
                                </div>
                                <div class="private_write_right">
                                    <input type="submit" class="private_bt_submit_news_disable" value="Gửi" id="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Reply comment detail product -->
                <div class="private_content_mg_thumb">
                    <div class="private_comment_repply">
                        <div class="private_comment_user">
                            <div class="private_img_post_bt">
                                <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                            </div>
                            <div class="private_messages_text">
                                <p>
                                    <span class="private_text_title">Anvilla</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                        | 20.03.2011</span></p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                    Nam felis est, mattis sit amet tempor non</p>
                                <div class="private_link_repply">
                                    <a href="#">Trả lời</a></div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                        <div class="private_admin_reply">
                            <div class="private_arrowtop_adminreply">
                            </div>
                            <div class="private_content_adminreply">
                                <div class="private_img_post_bt">
                                    <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                                </div>
                                <div class="private_messages_text">
                                    <p>
                                        <span class="private_user">MR Bean</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                            | 20.03.2011</span></p>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                        Nam felis est, mattis sit amet tempor non</p>
                                    <div class="private_link_repply">
                                        <a href="#">Trả lời</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="private_color_hr" />
                </div>
                <!-- End Reply comment detail product -->
                <!-- Reply comment detail product -->
                <div class="private_content_mg_thumb">
                    <div class="private_comment_repply">
                        <div class="private_comment_user">
                            <div class="private_img_post_bt">
                                <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                            </div>
                            <div class="private_messages_text">
                                <p>
                                    <span class="private_text_title">Anvilla</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                        | 20.03.2011</span></p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                    Nam felis est, mattis sit amet tempor non</p>
                                <div class="private_link_repply">
                                    <a href="#">Trả lời</a></div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                        <div class="private_admin_reply">
                            <div class="private_arrowtop_adminreply">
                            </div>
                            <div class="private_content_adminreply">
                                <div class="private_img_post_bt">
                                    <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                                </div>
                                <div class="private_messages_text">
                                    <p>
                                        <span class="private_user">MR Bean</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                            | 20.03.2011</span></p>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                        Nam felis est, mattis sit amet tempor non</p>
                                    <div class="private_link_repply">
                                        <a href="#">Trả lời</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="private_color_hr" />
                </div>
                <!-- End Reply comment detail product -->
                <!-- Reply comment detail product -->
                <div class="private_content_mg_thumb">
                    <div class="private_comment_repply">
                        <div class="private_comment_user">
                            <div class="private_img_post_bt">
                                <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                            </div>
                            <div class="private_messages_text">
                                <p>
                                    <span class="private_text_title">Anvilla</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                        | 20.03.2011</span></p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                    Nam felis est, mattis sit amet tempor non</p>
                                <div class="private_link_repply">
                                    <a href="#">Trả lời</a></div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                        <div class="private_admin_reply">
                            <div class="private_arrowtop_adminreply">
                            </div>
                            <div class="private_content_adminreply">
                                <div class="private_img_post_bt">
                                    <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                                </div>
                                <div class="private_messages_text">
                                    <p>
                                        <span class="private_user">MR Bean</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                            | 20.03.2011</span></p>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                        Nam felis est, mattis sit amet tempor non</p>
                                    <div class="private_link_repply">
                                        <a href="#">Trả lời</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="private_color_hr" />
                </div>
                <!-- End Reply comment detail product -->
                <!-- Reply comment detail product -->
                <div class="private_content_mg_thumb">
                    <div class="private_comment_repply">
                        <div class="private_comment_user">
                            <div class="private_img_post_bt">
                                <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                            </div>
                            <div class="private_messages_text">
                                <p>
                                    <span class="private_text_title">Anvilla</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                        | 20.03.2011</span></p>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                    Nam felis est, mattis sit amet tempor non</p>
                                <div class="private_link_repply">
                                    <a href="#">Trả lời</a></div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                        <div class="private_admin_reply">
                            <div class="private_arrowtop_adminreply">
                            </div>
                            <div class="private_content_adminreply">
                                <div class="private_img_post_bt">
                                    <img src="/../Content/Images/img_repply_comment.gif" alt="" class="private_img_post" />
                                </div>
                                <div class="private_messages_text">
                                    <p>
                                        <span class="private_user">MR Bean</span>&nbsp;&nbsp;<span class="private_timer_repply">10:32
                                            | 20.03.2011</span></p>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
                                        Nam felis est, mattis sit amet tempor non</p>
                                    <div class="private_link_repply">
                                        <a href="#">Trả lời</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="private_color_hr" />
                </div>
                <!-- End Reply comment detail product -->
                <div class="private_breakpage_replycoment">
                    <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">
                        5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9...</a>
                    <a href="#">Trang sau</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Right content -->
<div class="private_rightbottom_contentright">
    <div class="private_rightbottom_contentright border_reset">
        <div class="private_photo_album">
            <div id="s2" class="pics">
            <%
                List<WebHoiChoMuaBan.Models.Photo> listPhotos = ViewData["ListPhotoOfAlbum"] as List<WebHoiChoMuaBan.Models.Photo>;
                int countPhoto = 0;
                foreach (WebHoiChoMuaBan.Models.Photo photo in listPhotos)
                {
                    if (countPhoto % 6 == 0)
                    { 
                        %>
                        <div class="private_photo_thum">
                        <%
                    }
            %>
                <a href='<%=Url.Action("Detail", "Photo", new { uid = ViewData["MemId"], albumID = ViewData["albumID"], photoId = photo.PhotoId}) %>'>
                    <img src="/../Content/Images/Upload/<%=photo.PhotoFileName %>" class="private_img_photo img_photo_thumbsmall" />
                </a>
            <%
                    countPhoto++;
                    if (countPhoto % 6 == 0)
                    {
                        %>
                        </div>
                        <% 
                    }
                    
                }
                
                if (countPhoto % 6 != 0)
                {
                    %>
                    </div>
                    <% 
                }
            %>
            </div>            <center><div class="nav"><a id="prev2" href="#">Prev</a> | <a id="next2" href="#">Next</a></div></center>        </div>
        <div class="private_list_albumphoto">
        <% 
            List<WebHoiChoMuaBan.Models.PhotoAlbum> listAlbums = (List<WebHoiChoMuaBan.Models.PhotoAlbum>)ViewData["listAlbums"];
            for (int i = 0; i < 2; i++)
            {
                %>
                <p class="private_text_title"><%=listAlbums[i].AlbumName %></p>
                <div class="private_photo_thum ">
                    <a href='<%=Url.Action("List", "Photo", new { uid = ViewData["MemId"], albumId = listAlbums[i].AlbumId }) %>'>
                        <img src="/../Content/Images/Upload/Thumbnail/<%=listAlbums[i].AlbumThumb %>" class="private_img_photo" />
                    </a>
                    <div class="private_bt_delete">
                        <a href='<%= Url.Action("DeleteAlbum","Photo", new {albumId = listAlbums[i].AlbumId}) %>'>
                            <img src="/../Content/Images/delete_bt.gif" alt="" />
                        </a>
                    </div>
                </div>
                <%
            }
        %>
        </div>
    </div>
</div>
</asp:Content>
